<!DOCTYPE html>
<html lang="en">
<head>
    <link href="../../css/bootstrap.css" rel="stylesheet">
    <link href="../../css/style.css" rel="stylesheet">
    <link href="../../css/bootstrap-theme.min.css">
    <script src="../../js/jquery.min.js"></script>
    <script src="../../js/bootstrap.js"></script>
    <meta charset="UTF-8">
    <title>Merchant Home</title>
</head>
<body class="layout-background">
<nav class="navbar navbar-default nav-bar">
    <div class="layout-width" >
        <div class="navbar-header">
            <a href="javascript:void(0)" class="navbar-brand">ITA Order System</a>
        </div>
        <div class="pull-right" style="font-size: 20px;position: relative;top: 10px;right: 55px;">
            <label class="control-label">Hello: </label>
            <a href="./merchantHome.html">Freedy</a>
            <div style="margin-left: 70px;margin-top: -8px;">
                <a class="btn btn-danger btn-xs" href="javascript:void(0)">Logout</a>
            </div>
        </div>
    </div>
</nav>
<div class="container">
    <ul class="nav nav-tabs" style="border-bottom: 0px;">
        <li role="presentation" class="active"><a href="#">Home</a></li>
        <li role="presentation"><a href="listDish.html">Dish List</a></li>
        <li role="presentation"><a href="./editInfo.html">Update Info</a></li>
    </ul>
    <br/>
    <div style="background-color: #fff;min-height: 760px;height: auto;;margin-top: -20px;border: 1px solid #ddd;">
        <div style="width: 95%;margin: auto;">
            <h2>
                Home Page
                <small>This is your message.</small>
            </h2>
            <a class="btn btn-primary pull-right" style="position: relative;right: 20px;bottom: 20px;" href="addDish.html">Update Info</a>
        </div>
        <div class="row" style="margin-top: 5%">
            <div class="col-md-4" style="text-align: center; ">
                <img src="../../images/logo.jpg"><br/><br/>
                <a href="javascript:void(0)">Change Logo</a>
            </div>
            <div class="col-md-7">
                <div class="col-md-6">
                    <h3>
                        <label class="control-label"> Merchant Name : </label><br/>
                        <a href="editInfo.html">hahahaha</a>
                    </h3>
                    <br/>
                    <h3>
                        <label class="control-label"> Merchant Type : </label><br/>
                        <a href="editInfo.html">hahahaha</a>
                    </h3>
                </div>
                <div class="col-md-6">
                    <h3>
                        <label class="control-label"> Merchant Tel : </label><br/>
                        <a href="editInfo.html">hahahaha</a>
                    </h3>
                    <br/>
                    <h3>
                        <label class="control-label"> Merchant Email : </label><br/>
                        <a href="editInfo.html">hahahaha</a>
                    </h3>
                </div>
            </div>
        </div>
        <br/>
        <div style="margin-left: 9%;margin-top: 55px;">
            <h3>
                <label class="control-label"> Merchant Address : </label><br/>
                <a href="editInfo.html">hahahaha</a>
            </h3>
            <br/>
            <h3>
                <label class="control-label"> Merchant Info : </label><br/>
                <a href="editInfo.html">hahahaha</a>
            </h3>
        </div>
        <br/>
        <!--
        <div class="text-center">
            <a style="width: 168px;" class="btn btn-primary" href="./editInfo.html">Update Info</a>
        </div>
        -->
    </div>
</div>
</body>
</html>